<template>
  <div>
    <h1 id="photitle">修改手机</h1>
    <br />
    <p>验证方式:</p>
    <div class="box">
      <el-form label-width="100px">
        <el-form-item>
          <el-select v-model="value" placeholder="请选择">
            <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>

          <el-input></el-input>
          <el-button type="info" plain>获取验证码</el-button>
        </el-form-item>
      </el-form>
    </div>

    <br />

    <p>绑定手机可以用来登录您的2345帐号与找回密码</p>
    <br />

    <div>
      <p>绑定手机时，为什么会提示“手机号已注册”</p>
      <span
        >因为该手机号已经在用户中心、积分、游戏等2345产品上注册或者绑定过，请重新输入新手机号码。</span
      >
      <p>手机换号了，无法修改绑定手机怎么办？</p>
      <span>请致电客服人工解决，客服电话：400-000-2345</span>
      <p>手机无法收到验证码</p>
      <span
        >请检测垃圾信箱，是否被手机安全软件误拦截，若检查后仍旧无法收到，请致电客服人工帮助，客服电话：400-000-2345</span
      >
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          value: "选项1",
          label: "123***4567",
        },
        {
          value: "选项2",
          label: "135***1234",
        },
      ],
      value: "",
    };
  },
};
</script>

<style lang="scss" scoped>
.el-select {
  width: 100%;
}
#photitle{
  font-size: 25px;
}
</style>